<link rel="stylesheet" href="/assets/home/css/coupon_info.css"/>

 <!-- wowjs  -->
 <link rel="stylesheet" href="/assets/home/plugin/wowjs/animate.min.css"/>
 <script src="/assets/home/plugin/wowjs/wow.min.js"></script>

<div class="coupon_cover">
    <img src="{$coupon.thumb_text}" alt="">
</div>>
<div class="coupon_detail wow bounceIn" data-wow-delay="0.1s">
<div class="coupon_info">
    <div class="left">
        <div class="left_top">
            <div>
                <span>{$coupon.rate*100}</span>元
            </div>
            <div class="top_info">
                <div>{$coupon.title}</div>
                <div>COUPON</div>
            </div>
        </div>
        <div class="left_tips">活动状态:{$coupon.status_text}</div>
    </div>
    <div class="receive wow bounceIn" data-wow-delay="0.1s ">
        <div class="item_btn">
            {if condition="$coupon.receive"}
                <a href="{:url('home/coupon/receive', ['cid' => $coupon['id']])}" class="mui-btn mui-btn-warning">立即领取</a>
            {else /}
                <a class="mui-btn" disabled>已领取</a>
            {/if}
        </div>
    </div>
</div>
<div class="coupon_prompt wow bounceIn" data-wow-delay="0.1s">
    <div class="prompt_title">温馨提示：</div>
    <div><span>•</span>活动开始时间:{$coupon.createtime_text}</div>
    <div><span>•</span>活动结束时间:{$coupon.endtime_text}</div>
    <div><span>•</span>领取数量:{$coupon.total}张,每人限领1张。赶快领取吧！</div>
</div>
</div>
